{{! -------------------------------------------------------------------------- }}
{{! Copyright 2002-2016, OpenNebula Project, OpenNebula Systems                }}
{{!                                                                            }}
{{! Licensed under the Apache License, Version 2.0 (the "License"); you may    }}
{{! not use this file except in compliance with the License. You may obtain    }}
{{! a copy of the License at                                                   }}
{{!                                                                            }}
{{! http://www.apache.org/licenses/LICENSE-2.0                                 }}
{{!                                                                            }}
{{! Unless required by applicable law or agreed to in writing, software        }}
{{! distributed under the License is distributed on an "AS IS" BASIS,          }}
{{! WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   }}
{{! See the License for the specific language governing permissions and        }}
{{! limitations under the License.                                             }}
{{! -------------------------------------------------------------------------- }}

<div id="{{dialogId}}" class="reveal full" data-reveal>
  <div class="row">
    <div class="large-12 columns">
      <h3 class="subheader" id="spice_dialog">
        {{tr "SPICE"}}
        <span id="vnc_buttons">
          <a id="open_in_a_new_window_spice" href="" target="_blank" title="{{tr "Open in a new window"}}"> <i class="fa fa-external-link detach-spice-icon"/></a>
        </span>
      </h3>
    </div>
  </div>
  <div class="reveal-body" style="width:100%; overflow-x:auto">
    <div id="spice-area">
      <div id="spice-screen" class="spice-screen"></div>
    </div>
  </div>
  <div id="message-div" class="spice-message" hidden></div>
  <button class="close-button" data-close aria-label="{{tr "Close modal"}}" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
